page-favorite-list {

    font-size: 3.89vw;
    color: #333;

    .favorite-head {

        padding: 0 0 3.5vw 0;

        .favorite-num {
            height: 12.96vw;
            padding-left: 5.55vw;
            line-height: 12.96vw;
            box-shadow:0 0 3.7vw rgba(0,0,0,.1);
        }
    }


    .item-ios {
        padding-left: 0;
    }

    .label-ios {
        margin: 0;
    }

    .item-ios.item-block .item-inner {
        padding: 0;
    }

    .button-ios {
        background-color: #da5c56;
        font-size: 3.89vw;
    }

    ion-item-sliding.active-slide{
        background-color: #f5f5f5;
        ion-item .item-inner{
            background-color: #f5f5f5;
        }
    }

    .list-ios ion-item-options {
        border-bottom: 0.55px solid #f5f5f5;
    }

    .has-refresher > .scroll-content {
        border-top: none;
    }


    .fav-item {
        height: 14.81vw;
        border-bottom: 0.55px solid #f5f5f5;

        .fav-container {

            margin-left: 5.55vw;
            margin-right: 5.55vw;

            .item-left {
                line-height: 14.81vw;
                font-size: 3.89vw;
                color: #333;
            }

            .item-right {
                display: flex;
                align-items: center;
                float: right;
                margin-top: 4.9vw;

                .vip {
                    width: 27vw;
                    height: 5vw;
                }

                .level1 {
                    background:url('../assets/images/client/client-list/icon_vip_gold.png');
                    width: 27vw;
                    height: 5vw;
                    background-size: contain;
                    display: inline-block;
                    background-repeat: no-repeat;
                }
                .level2 {
                    background:url('../assets/images/client/client-list/icon_vip_platinum.png');
                    width: 27vw;
                    height: 5vw;
                    background-size: contain;
                    display: inline-block;
                    background-repeat: no-repeat;
                }
                .level3 {
                    background:url('../assets/images/client/client-list/icon_vip_diamond.png');
                    width: 27vw;
                    height: 5vw;
                    background-size: contain;
                    display: inline-block;
                    background-repeat: no-repeat;

                }
                .level4 {
                    background:url('../assets/images/client/client-list/icon_vip_supreme.png');
                    width: 27vw;
                    height: 5vw;
                    background-size: contain;
                    display: inline-block;
                    background-repeat: no-repeat;

                }

                .arrow {
                    background: url('../assets/images/client/client-list/arrow.png') no-repeat;
                    background-size: 100% 100%;
                    display: inline-block;
                    width: 1.2vw;
                    height: 2.13vw;
                }
            }
        }
    }

}
